<div class="g-doc" style="background-color: #fff;">
    <div class="g-hd">
        <div class="m-head g-fluid">
            <div class="g-xs3" ng-bind-html="back"></div>
            <div class="g-xs6"><div class="tt">生活缴费</div></div>
            <div class="g-xs3 f-tar" ng-bind-html="next"></div>
        </div>
    </div>
    <div class="g-ct" style="min-height:100%;">
        <div class="g-container m-life" ng-hide="showList">
            <div class="g-xs4 item tx"><a href="javascript:;" ng-click="gotoUrl('tx')">
                <div class="avatar" ><i class="icon-font" title="通讯费">&#xe638;</i></div>
                <p class="name">通讯费</p>
            </a></div>
            <div class="g-xs4 item df"><a href="javascript:;" ng-click="gotoUrl('df')">
                <div class="avatar"><i class="icon-font" title="电费">&#xe639;</i></div>
                <p class="name">电费</p>
            </a></div>
            <div class="g-xs4 item sf"><a href="javascript:;" ng-click="gotoUrl('sf')">
                <div class="avatar"><i class="icon-font" title="水费">&#xe637;</i></div>
                <p class="name">水费</p>
            </a></div>
            <div class="g-xs4 item qf"><a href="javascript:;" ng-click="gotoUrl('qf')">
                <div class="avatar"><i class="icon-font" title="气费">&#xe636;</i></div>
                <p class="name">气费</p>
            </a></div>
            <div class="g-xs4 item yx"><a href="javascript:;">
                <div class="avatar"><i class="icon-font" title="有线电视费">&#xe632;</i></div>
                <p class="name">有线电视</p>
            </a></div>
            <div class="g-xs4 item wf"><a href="javascript:;">
                <div class="avatar"><i class="icon-font" title="宽带费">&#xe633;</i></div>
                <p class="name">宽带费</p>
            </a></div>
        </div>
        <div class="m-binding" ng-show="hasLogin">
            <ul>
                <li class="f-cb">
                    <div class="g-xs2">
                        <div class="avatar"><img src="http://placehold.it/50x50/7ecdc5/fff" alt=""/></div>
                    </div>
                    <div class="g-xs2">
                        <p>水费</p>
                        <div class="name">*刚</div>
                    </div>
                    <div class="g-xs8 f-tac">
                        <span class="gift"> 缴费帐号36010015260</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="m-other">
            <a class="btn" ng-show="hasLogin" ng-click="show=1" href="javascript:;">添加其他缴费</a>
         </div>
    </div>


    <div class="m-mask-life" ng-class="{'z-sel':show}">
        <div class="inner">
            <ul>
                <li class="g-xs4 item tx"><a href="#/tx">
                    <div class="avatar" ><i class="icon-font" title="通讯费">&#xe638;</i></div>
                    <p class="name">通讯费</p>
                </a></li>
                <li class="g-xs4 item df"><a href="#/df">
                    <div class="avatar"><i class="icon-font" title="电费">&#xe639;</i></div>
                    <p class="name">电费</p>
                </a></li>
                <li class="g-xs4 item sf"><a href="#/sf">
                    <div class="avatar"><i class="icon-font" title="水费">&#xe637;</i></div>
                    <p class="name">水费</p>
                </a></li>
                <li class="g-xs4 item qf"><a href="#/qf">
                    <div class="avatar"><i class="icon-font" title="气费">&#xe636;</i></div>
                    <p class="name">气费</p>
                </a></li>
                <li class="g-xs4 item yx"><a href="javascript:;">
                    <div class="avatar"><i class="icon-font" title="有线电视费">&#xe632;</i></div>
                    <p class="name">有线电视</p>
                </a></li>
                <li class="g-xs4 item wf"><a href="javascript:;">
                    <div class="avatar"><i class="icon-font" title="宽带费">&#xe633;</i></div>
                    <p class="name">宽带费</p>
                </a></li>
            </ul>
        </div>
        <div class="btn"><a href="javascript:;" ng-click="show=0">取消</a></div>
    </div>

</div>